@charset "utf-8";
@import "common/reset";
@function c($px) {
    @return $px/2;
}
$color:#ff9344;
.web {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    header {
        position: absolute;
        padding: c(17px) 0 c(10px);
        width: 100%;
        .header_left {
            width: c(123px);
            height: c(123px);
            margin-left: c(23px);
            a {
                display: block;
                img {
                    width: 100%;
                }
            }
        }
        .header_right {
            width: c(163px);
            height: c(69px);
            margin-right: c(21px);
            margin-top: c(30px);
            border: c(3px) solid $color;
            position: relative;
            &::after {
                content: "";
                width: 0;
                height: 0;
                border-top: c(16px) solid $color;
                border-left: c(15px) solid transparent;
                border-right: c(15px) solid transparent;
                position: absolute;
                right: c(14px);
                top: c(25px);
            }
            select {
                width: 100%;
                height: 100%;
                border: none;
                padding-left: c(14px);
                -webkit-appearance: none;
            }
        }
     
        .header_center {
            position:relative;
            width: c(400px);
            margin: 0 auto;
            i {
                position: absolute;
                top: c(46px);
                right: c(79px);
                font-size: c(37px);
                color: $color;
            }
            input {
                width: c(270px);
                height: c(54px);
                border: 1px solid $color;
                border-radius: c(54px);
                margin-top: c(37px);   
                margin-left: c(74px);
                padding-left: c(20px);
                font-size: c(24px);
            }
        }
    }
   
    footer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        ul {
            li {
                width: 25%;
                text-align: center;
                a {
                    display: block;
                    color: #000000;
                    font-size: c(26px);
                    .my_icon {
                        color: $color;
                        font-size: c(72px);
                    }
                }
            }
        }
    }
}